@import "../common/size";

.center-content{
  .scroll{
    flex:1;
    overflow: hidden;
    position: relative;
  }

  .index-page{
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
  }


  .item_list{

    .list{
       padding: $_30;
       padding-bottom: 0;
       background: #fff;
       margin-bottom: $_20;
       border-color: #eee;
       border-style: solid;
       border-top-width: 1px;
       border-bottom-width: 1px;
       position: relative;

       .topic{
         position: absolute;
         width: 40px;
         height: 20px;
         border: 1px solid $themeColor;
         line-height: 18px;
         text-align: center;
         font-size: 12px;
         color: $themeColor;
         right: 20px;
         top:20px;
         transform: rotate(30deg);
         border-radius: 2px;
       }
    }

    .list:first-child{
       border-top-width: 0
    }
    .list:last-child{
      margin-bottom: 0;
    }

    .user{
       display: flex;
       .user-avator{
         width: 40px;
         height: 40px;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center center;
         border-radius: 20px;
         border: 1px solid #ececec;

       }

       .user-info{
           padding: 4px 10px;
       }

       .user-name{
          font-size: 16px;
          color: #454545;
          margin-bottom: 8px;
       }

       .time{
           color: #aaa;
           font-size: 12px;

         .tag {
           color: $themeColor;
         }

       }

    }

    .title{
       font-size: 15px;
       font-weight: 500;
       color: #555;
       padding: 10px 2px;
       line-height:22px ;
       border-bottom: 1px solid #ececec;
    }

    .setting{
      display: flex;

      .item{
        flex:1;
        position: relative;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #888;
        font-size: 13px;
      }

      .item:after{
        content: "";
        position: absolute;
        width: 1px;
        background: #ececec;
        height: 60%;
        right: 0;
        top:0;
        bottom: 0;
        margin: auto;
      }

      .item:last-child:after{
        width: 0;
      }

      .fa{
        margin-right: 4px;
      }
    }

  }

}

